{extend name="/public/base" /}

{block name="content"}
<!-- 横栏 start -->
<section class="breadcrumb-section set-bg" data-setbg="/static/shop/img/breadcrumb.jpg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="breadcrumb__text">
                    <h2>商品详情</h2>
                    <div class="breadcrumb__option">
                        <a href="index.html">首页</a>
                        <a href="index.html">商品</a>
                        <span>详情</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 横栏 End -->

<!-- 商品详情 start -->
<section class="product-details spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <div class="product__details__pic">
                    <div class="product__details__pic__item">
                        <img class="product__details__pic__item--large"
                             src="/static/shop/img/product/details/product-details-1.jpg" alt="">
                    </div>
                    <div class="product__details__pic__slider owl-carousel">
                        <img data-imgbigurl="/static/shop/img/product/details/product-details-2.jpg"
                             src="/static/shop/img/product/details/thumb-1.jpg" alt="">
                        <img data-imgbigurl="/static/shop/img/product/details/product-details-3.jpg"
                             src="/static/shop/img/product/details/thumb-2.jpg" alt="">
                        <img data-imgbigurl="/static/shop/img/product/details/product-details-5.jpg"
                             src="/static/shop/img/product/details/thumb-3.jpg" alt="">
                        <img data-imgbigurl="/static/shop/img/product/details/product-details-4.jpg"
                             src="/static/shop/img/product/details/thumb-4.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="product__details__text">
                    <h3>健身 减肥 营养套餐</h3>
                    <div class="product__details__rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <span>(18 条评价)</span>
                    </div>
                    <div class="product__details__price">￥50.00</div>
                    <p>
                        11月22日，金与正表示，虽然美国处心积虑解除朝鲜武装，但朝鲜自卫权绝不会受损。越执着于反朝敌对行为，越会面临致命安全危机。另外，卡塔尔世界杯正在如火如荼进行当中，大量球迷在前往不同球场观赛时难免会迷路，
                        组委会为此专门安排了场外指路员，近日有位指路员因其独特的指路播报而在当地走红。</p>
                    <div class="product__details__quantity">
                        <div class="quantity">
                            <div class="pro-qty">
                                <input type="text" value="1">
                            </div>
                        </div>
                    </div>
                    <a href="#" class="primary-btn">加入购物车</a>
                    <a href="#" class="heart-icon"><span class="icon_heart_alt"></span></a>
                    <ul>
                        <li><b>库存</b> <span>In Stock</span></li>
                        <li><b>发货</b> <span>1 天内发货 <samp>免快递费</samp></span></li>
                        <li><b>重量</b> <span>0.5 kg</span></li>
                        <!--                        <li><b>分享</b>-->
                        <!--                            <div class="share">-->
                        <!--                                <a href="#"><i class="fa fa-facebook"></i></a>-->
                        <!--                                <a href="#"><i class="fa fa-twitter"></i></a>-->
                        <!--                                <a href="#"><i class="fa fa-instagram"></i></a>-->
                        <!--                                <a href="#"><i class="fa fa-pinterest"></i></a>-->
                        <!--                            </div>-->
                        <!--                        </li>-->
                    </ul>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="product__details__tab">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab"
                               aria-selected="true">详情</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab"
                               aria-selected="false">我们承诺</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab"
                               aria-selected="false">评价 <span>(1)</span></a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <div class="product__details__tab__desc">
                                <h6>产品信息</h6>
                                <p>当地时间11月23日，乌克兰电网公司宣布，乌克兰全境进入停电状态。当天，基辅市长宣布，基辅所有地区暂停供水，敦促民众尽可能储备水。

                                    另据乌克兰媒体报道，因能源设施瘫痪导致火车暂停发车，铁路部门将使用备用的内燃机车。

                                    据乌克兰媒体报道，乌克兰总理什梅加尔已责成能源部与外交部和海关部门协调，尽快从其他国家进口能源基础设施所需的设备。

                                    当天稍早前，包括首都基辅、利沃夫、敖德萨等在内的乌克兰多地发生爆炸。当地政府称，多处重要基础设施遭到袭击，部分地区水电供应中断。</p>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            <div class="product__details__tab__desc">
                                <p>　为了规范市场管理，创建良好的市场竞争环境，响应银联，人行等监管机构的监管政策，有效的把控金融风险，
                                    针对网络渠道违规售卖、宣传移联产品及产品不规范市场报价事宜，我公司做出如下郑重承诺：
                                    <br>
                                    　一、 规范业务<br>
                                    　　1. 我公司开展业务严格遵守法律法规、监管机构要求以及双方签订的各协议及相关规范宣传及合规销售的通知；<br>
                                    　　2. 我公司坚持自主经营，不向自有分公司以外的机构或个人分包、转包任何业务；<br>
                                    　　3. 我公司切实履行对所发展商户实地现访工作，确保商户主体及业务真实合法，监督商户按照收单协议合法规范地使用收单服务并履行义务。<br>
                                    　　4. 我公司使用移付宝及相关品牌标示,
                                    按照规范宣传及合规销售合理使用。遵守中国银联和各金融机构的规章、办法，未经正式授权，我公司不得擅自使用银联及其他金融机构的名称、标示。我公司规范推广和宣传，杜绝虚假或采用可能误导公众的宣传方式。<br>
                                    　　二、 风控与服务<br>
                                    　　1. 我公司配备专人负责业务风险管理工作，配合移付宝按时完成对签购单调阅、商户巡防和商户违约处理工作；<br>
                                    　　2. 我公司配合移付宝完成对商户收单业务的使用配合和风险防范的`培训工作，做好机具日常维护服务等工作。
                                </p>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-3" role="tabpanel">
                            <div class="product__details__tab__desc">
                                <h6>评论列表</h6>
                                <p>hahhha</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 商品详情 End -->

<!-- 相关推荐 start -->
<section class="related-product">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title related__product__title">
                    <h2>相关推荐</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- 商品详情 start -->
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="product__item">
                    <div class="product__item__pic set-bg" data-setbg="/static/shop/img/product/product-1.jpg">

                        <!--                        /static/shop/img/product/product-2.jpg-->
                        <!--                        /static/shop/img/product/product-3.jpg-->
                        <!--                        /static/shop/img/product/product-7.jpg-->

                        <ul class="product__item__pic__hover">
                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                            <li><a href="#"><i class="fa fa-retweet"></i></a></li>
                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                        </ul>
                    </div>
                    <div class="product__item__text">
                        <h6><a href="#">Crab Pool Security</a></h6>
                        <h5>￥30.00</h5>
                    </div>
                </div>
            </div>
            <!-- 商品详情 end -->
        </div>
    </div>
</section>
<!-- 相关推荐 End -->
{/block}